<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


 <f:view>
	<f:event listener="#{loginBean.checkLogin}" type="preRenderView"></f:event>
<h:head>
	<style type="text/css">
        .ui-widget,.ui-widget .ui-widget {
            font-size: 90% !important;
        }
    </style>
</h:head>
<h:body>
	<p:menubar>
		<p:submenu label="Adquisicion">
			<p:menuitem value="Registrar" url="registraradquisicion.xhtml" />
			<p:menuitem value="Validar adquisicion" url="validaradquisicion.xhtml" />
		</p:submenu>
		<p:submenu label="Inventario">
			<p:menuitem value="Exportacion" url="exportacion.xhtml" />
		</p:submenu>
		<p:submenu label="Baja">
			<p:menuitem value="Dar de baja" url="dardebaja.xhtml" />
			<p:menuitem value="Validar baja" url="validarbaja.xhtml" />
		</p:submenu>
		<p:submenu label="Donaciones">
			<p:menuitem value="Realizar Donacion" url="donacion.xhtml" />
			<p:menuitem value="Validar Donaciones" url="validarDonacion.xhtml" />
		</p:submenu>
		<p:submenu label="Transferencias">
			<p:menuitem value="Realizar Transferencia" url="transferencia.xhtml" />
			<p:menuitem value="Validar Transferencia" url="validarTransferencia.xhtml" />
		</p:submenu>
	</p:menubar>
	  <p:commandButton actionListener="#{loginBean.cerrarSesion}" value="saliida"></p:commandButton>
	<h:form>
		<p:growl id="growl"/>
		<p:panel header="Datos de adquisicion">
			<h:panelGrid columns="2" width="100%" >
				<p:panel header="Proveedor">
					<h:panelGrid columns="3">
						<p:outputLabel for="razon" value="Razon Social:" style="width: 200px"/>
						<p:inputText id="razon" value="#{detalles.proveedor.nombre}" required="true" size="25" requiredMessage ="Ingrese razon social"/>
						<p:message for="razon"/>
						
						<p:outputLabel for="ruc" value="RUC:" style="width: 100px;"/>
						<p:inputText id="ruc" value="#{detalles.proveedor.ruc}" required="true" size="25" requiredMessage="Ingrese RUC"/>
						<p:message for="ruc"/>
					</h:panelGrid>
				</p:panel>

				<p:panel header="Comprobante de salida">
					<h:panelGrid columns="3">	
						<p:outputLabel for="pecosa" value="Nº de PECOSA:" style="width: 100px;"/>
						<p:inputText id="pecosa" value="#{detalles.pecosa.codigo}" required="true" size="25" requiredMessage="Ingrese Nro PECOSA"/>
						<p:message for="pecosa"/>
						
						<p:outputLabel for="fecha" value="Fecha:" style="width: 100px;"/>
						<p:calendar id="fecha" value="#{detalles.pecosa.fecha}" mode="popup" showOn="button" required="true" size="25" requiredMessage="Ingrese fecha">
							<f:convertDateTime pattern="d/M/yyyy"/>
						</p:calendar>
					</h:panelGrid>
				</p:panel>

				<p:panel header="Orden de compra">
					<h:panelGrid columns="3">
						<p:outputLabel for="orden" value="Nº de Orden:" style="width: 100px;"/>
						<p:inputText id="orden" value="#{detalles.ordenCompra.numero}" required="true" size="25" requiredMessage="Ingrese Nro orden"/>
						<p:message for="orden"/>
					</h:panelGrid>
				</p:panel>

				<p:panel header="Guia de remisión">
					<h:panelGrid columns="3">
						<p:outputLabel for="guia" value="Nº de Guia:" style="width: 100px;"/>
						<p:inputText id="guia" value="#{detalles.guiaderemision.numerodeguia}" required="true" size="25" requiredMessage="Ingrese Nro guia" /> 
						<p:message for="guia"/>
					</h:panelGrid>
				</p:panel>

				<p:panel header="Comprobante de compra">
					<h:panelGrid columns="3">
						<p:outputLabel for="compra" value="Nº de compra:" style="width: 100px;"/>
						<p:inputText id="compra" value="#{detalles.comprobante.numerocomprobante}" required="true" size="25" requiredMessage="Ingrese Nro compra"/> 
						<p:message for="compra"/>
						
						<p:outputLabel for="tipoComp" value="Tipo:" style="width: 100px;"/>
						<p:selectOneMenu id="tipoComp" value="#{detalles.tipoAdquisicion.tipo}" >  
				            <f:selectItem itemLabel="Factura" itemValue="factura"  />  
				            <f:selectItem itemLabel="Boleta" itemValue="boleta" />  
				        </p:selectOneMenu>
					</h:panelGrid>
				</p:panel>
				
				<p:panel header="Encargado">
					<h:panelGrid columns="2">
						<p:outputLabel for="dni" value="DNI:" style="width: 100px;"/>
						<p:autoComplete id="dni" value="#{detalles.trabajador}" completeMethod="#{detalles.filtrarTrabajador}" forceSelection="true"
							var="tra" itemLabel="#{tra.nroDoc}" itemValue="#{tra}" converter="convertidor.trabajador" size="25" dropdown="true" required="true">
							<p:ajax event="itemSelect" process="@this" update="nombre"/>
						</p:autoComplete>
						
						<p:outputLabel for="nombre" value="Nombre:" style="width: 100px;"/>
						<p:outputLabel id="nombre" value="#{detalles.nombreCompleto}"/> 
						
					</h:panelGrid>
				</p:panel>
				<p:panel header="Destino">
					<h:panelGrid columns="3">
						<p:outputLabel for="dependencias" value="Dependencia:"/>
						<p:autoComplete id="dependencias" value="#{detalles.dependencia}" completeMethod="#{detalles.filtrarDependencias}" forceSelection="true"
							var="dep" itemLabel="#{dep.nombre}" itemValue="#{dep}" converter="convertidor.dependencia" size="25" required="true" dropdown="true">
							<p:ajax event="itemSelect" listener="#{detalles.actualizoDependencia()}" process="dependencias" update="areas" />
							
						</p:autoComplete>  
						<p:message for="dependencias"/>
							
						<p:outputLabel for="areas" value="Area:"/>
						<p:autoComplete id="areas" value="#{detalles.area}" completeMethod="#{detalles.filtrarAreas}" forceSelection="true" required="true"
							var="dep" itemLabel="#{dep.nombre} --  #{dep.codigo} " itemValue="#{dep}" converter="convertidor.area" size="25" dropdown="true">
							<f:attribute name="dependencia" value="#{detalles.dependencia.nombre}"/>
							<p:ajax event="itemSelect" process="@this"/>
						</p:autoComplete> 
						<p:message for="areas"/>
 					</h:panelGrid>
				</p:panel>
				
				<p:panel header="Adquisicion" id="adquisicion">
					<h:panelGrid columns="3">
						<p:outputLabel for="tipoAdq" value="Tipo de adquisicion:" />
						<p:selectOneMenu id="tipoAdq" value="#{detalles.tipoAdquisicion.tipo}">
							<f:selectItem itemLabel="Compra" itemValue="compra" />
							<f:selectItem itemLabel="Donacion" itemValue="donacion" />
							<f:selectItem itemLabel="Importacion" itemValue="importacion" />
							<p:ajax event="change" update="adquisicion" />
						</p:selectOneMenu>
					</h:panelGrid>
					
					<h:panelGrid columns="2" rendered="#{detalles.tipoAdquisicion.tipo eq 'donacion'}">
						<p:outputLabel for="rr" value="RR:"/>
						<p:inputText id="rr" value="#{detalles.tipoAdquisicion.rr}" size="25" required="true"/>
						
						<p:outputLabel for="rd" value="RD:"/>
						<p:inputText id="rd" value="#{detalles.tipoAdquisicion.rd}" size="25" required="true"/>
						
						<p:outputLabel for="numActa" value="Número de acta:"/>
						<p:inputText id="numActa" value="#{detalles.tipoAdquisicion.numeroActa}" size="25"/>
						
						<p:outputLabel for="fechaActa" value="Fecha de acta:"/>
						<p:inputText id="fechaActa" value="#{detalles.tipoAdquisicion.fechaActa}" size="25"/>
						
						<p:outputLabel for="otrosAdqui1" value="Otros:"/>
						<p:inputText id="otrosAdqui1" value="#{detalles.tipoAdquisicion.otros}" size="25"/>
					</h:panelGrid>
					
					<h:panelGrid  columns="2" rendered="#{detalles.tipoAdquisicion.tipo eq 'importacion'}">
						<p:outputLabel for="numFact" value="Número factura:"/>
						<p:inputText id="numFact" value="#{detalles.tipoAdquisicion.numeroFactura}" size="25" required="true"/>
						
						<p:outputLabel for="invoice" value="Número Invoice"/>
						<p:inputText id="invoice" value="#{detalles.tipoAdquisicion.numeroInvoice}" size="25" required="true"/>
						
						<p:outputLabel for="otrosAdqui2" value="Otros:"/>
						<p:inputText id="otrosAdqui2" value="#{detalles.tipoAdquisicion.otros}" size="25"/>
					</h:panelGrid>
					
					<h:panelGrid rendered="#{detalles.tipoAdquisicion.tipo eq 'compra'}" columns="2">
						<p:outputLabel for="otrosAdqui3" value="Otros:"/>
						<p:inputText id="otrosAdqui3" value="#{detalles.tipoAdquisicion.otros}" size="25"/>
					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
		</p:panel>
		<p:panel header="Tipo de bien">
			<p:dialog header="Ingreso de bienes" id="dialogo" widgetVar="dlg" modal="true" closable="false"
					width="350" height="330">
					
				Descripcion:
				<p:autoComplete value="#{detalles.tipoBien}" completeMethod="#{detalles.filtrarTiposBienes}" var="tipo"
					itemLabel="#{tipo.descripcion}" itemValue="#{tipo}" forceSelection="true"
					converter="convertidor.tipobien" size="30" >
					<p:ajax event="itemSelect" listener="#{detalles.seleccionarTipo()}" update="dialogo tablas" oncomplete="dlg.show();" />
				</p:autoComplete>
								
				<p:panel rendered="#{detalles.mostrarEquipo}" id="formEquipo">
					<h:panelGrid columns="2" >
						Modelo: <p:inputText value="#{detalles.equipo.modelo}" size="30" required="true" requiredMessage="Falta el modelo del equipo"/>

						Marca: <p:inputText value="#{detalles.equipo.marca}" size="30" required="true" requiredMessage="Falta la marca del equipo"/>

						Precio: <p:inputText id="precioEquipo" value="#{detalles.equipo.precio}" size="30" required="true" requiredMessage="Falta el precio del equipo"/>
         						
         						Observacion: <p:inputTextarea rows="4" cols="29" value="#{detalles.equipo.observacion}" autoResize="false"></p:inputTextarea>
					
					</h:panelGrid>
					
					<br/>
					<p:dataTable  value="#{detalles.listaSeries}" var="serie"  id="series" scrollable="true" scrollHeight="80" 
						selectionMode="single" selection="#{detalles.serieSeleccionada}" rowKey="#{serie}">
						<p:column>
							<f:facet name="header">Series</f:facet>#{serie}
						</p:column>
						<f:facet name="footer">
							<p:inputText value="#{detalles.equipo.serie}" size="15"/>
							<p:commandButton value="Add" type="button">
								<p:ajax event="click" listener="#{detalles.anadirSerie}" process="@this series" update="series"/>
							</p:commandButton> 
							<p:commandButton value="Quitar" type="button" icon="ui-icon-trash">
								<p:ajax event="click" listener="#{detalles.eliminarSerie}" process="@this series" update="series"/>
							</p:commandButton>
						</f:facet>
					</p:dataTable>
				</p:panel>
				
				<p:panel rendered="#{detalles.mostrarMueble}" id="formMueble">
					<h:panelGrid columns="2">
						Dimension: <p:inputText value="#{detalles.mueble.dimension}" size="30" required="true" requiredMessage="Falta la dimensión del mueble" />

						Material: <p:inputText value="#{detalles.mueble.material}" size="30" required="true" requiredMessage="Falta el material del mueble"/>

						Color: <p:inputText value="#{detalles.mueble.color}" size="30" required="true" requiredMessage="Falta el color del mueble"/>

						Precio: <p:inputText value="#{detalles.mueble.precio}" size="30" required="true" requiredMessage="Falta el precio del mueble"/>
						
						Cantidad: <p:inputText value="#{detalles.cantidadMuebles}" size="30" required="true" requiredMessage="Falta la cantidad del mueble"/>
					
						Observacion: <p:inputTextarea rows="4" cols="29" value="#{detalles.mueble.observacion}" autoResize="false"></p:inputTextarea>
					
					</h:panelGrid>
				</p:panel>
					
				<f:facet name="footer">
					<p:commandButton value="Añadir" actionListener="#{detalles.anadir}" icon="ui-icon-check" update="tablas, growl"/> 
					<p:commandButton value="Cancelar" oncomplete="PF('dlg').hide()" icon="ui-icon-close"/>
				</f:facet>	
			</p:dialog>
					
			<p:tabView id="tablas" effect="slide" activeIndex="#{detalles.tabActual}">
				<p:tab title="Mueble">
					<p:dataTable value="#{detalles.listaMuebles}" var="mueble" selectionMode="single"	editable="true"
								selection="#{detalles.muebleSeleccionado}" rowKey="#{mueble.descripcion}"
								paginator="true" rows="20">
								
						<p:column headerText="Descripcion"> #{mueble.descripcion} </p:column>

						<p:column headerText="Dimension"> #{mueble.dimension} </p:column>

						<p:column headerText="Color"> #{mueble.color} </p:column>

						<p:column headerText="Material"> #{mueble.material} </p:column>

						<p:column headerText="Precio"> #{mueble.precio} </p:column>

						<p:column headerText="Estado">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{mueble.estado}" />
								</f:facet>
								<f:facet name="input">
									<h:selectOneMenu value="#{mueble.estado}" >  
				                        <f:selectItem itemLabel="N" itemValue="N" />  
				                        <f:selectItem itemLabel="B" itemValue="B" />  
				                        <f:selectItem itemLabel="R" itemValue="R" />  
				                        <f:selectItem itemLabel="M" itemValue="M" />  
				                    </h:selectOneMenu> 
								</f:facet>
							</p:cellEditor>
						 </p:column>
						 
						<p:column> <p:rowEditor /></p:column>
						
					</p:dataTable>
				</p:tab>

				<p:tab title="Equipo">
					<p:dataTable value="#{detalles.listaEquipos}" var="equipo" selectionMode="single" editable="true"
								selection="#{detalles.equipoSeleccionado}" rowKey="#{equipo.descripcion}"
								paginator="true" rows="20">
						
						<p:column headerText="Descripcion"> #{equipo.descripcion} </p:column>

						<p:column headerText="Marca"> #{equipo.marca} </p:column>

						<p:column headerText="Modelo"> #{equipo.modelo} </p:column>

						<p:column headerText="Serie"> #{equipo.serie} </p:column>
						
						<p:column headerText="Precio"> #{equipo.precio} </p:column>

						<p:column headerText="Estado">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{equipo.estado}" />
								</f:facet>
								<f:facet name="input">
									<h:selectOneMenu value="#{equipo.estado}" >  
				                        <f:selectItem itemLabel="N" itemValue="N" />  
				                        <f:selectItem itemLabel="B" itemValue="B" />  
				                        <f:selectItem itemLabel="R" itemValue="R" />  
				                        <f:selectItem itemLabel="M" itemValue="M" />  
				                    </h:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						 </p:column>
						 
						<p:column> <p:rowEditor /></p:column>
					</p:dataTable>
				</p:tab>

				<p:tab title="Vehiculo">
					<p:dataTable value="#{detalles.listaVehiculos}" var="vehiculo">
						<f:facet name="header">Lista de Vehiculos</f:facet>

						<p:column headerText="Descripcion"> #{vehiculo.descripcion} </p:column>

						<p:column headerText="Modelo"> #{vehiculo.modelo} </p:column>

						<p:column headerText="Placa"> #{vehiculo.placa} </p:column>

						<p:column headerText="Serie Chasis"> #{vehiculo.serieChasis} </p:column>

						<p:column headerText="Precio"> #{vehiculo.precio} </p:column>

						<p:column headerText="Serie Motor"> #{vehiculo.serieMotor} </p:column>
					</p:dataTable>
				</p:tab>
			</p:tabView>
			
			<f:facet name="footer">
				<p:commandButton value="Nuevo" type="button" icon="ui-icon-document" onclick="PF('dlg').show()" />
				
				<p:commandButton value="Eliminar" type="button" icon="ui-icon-trash" onclick="PF('dlg').hide()" >
					<p:ajax event="click" listener="#{detalles.eliminarBien}" process="@this tablas" update="tablas"/>
				</p:commandButton>
				
				<p:commandButton value="Guardar" actionListener="#{detalles.guardar}" icon="ui-icon-disk" />
			</f:facet>
		</p:panel>
	</h:form>
</h:body>
</f:view>
</html>
